<template>
  <div class="cloud-service">
    <!-- search condition -->
    <Row>
      <Col :span="18">
        账号：
        <Input placeholder="请输入姓名或手机号" style="width: 180px;" >
          <!-- <span slot="append">查询</span> -->
        </Input>
        <Button type="primary" >查询</Button>
        </Col>
        <Col :span="6" class="text-right">
          合计：<span class="c4">48小时</span>
      </Col>
    </Row>
    <!-- tables -->
    <div class="mt10">
      
        <Table stripe border :columns="columns1" :data="data1">
          <!-- <template slot-scope="{ row, index }" slot="address">
            <a class="c1" href="#">http://qq.com</a>
          </template> -->
      
        </Table>
    
    </div>
      
     <div class="page mt20">
       <Page :total="100" show-sizer show-total/>
     </div> 
  </div>
</template>

<script>
export default {
  mounted () {
    this.$store.commit('UPDATE_POSITION', this.position)
  },
  data (){
    return {
      position:[
        {title: '我的会议', link:'/admin/myCreated'},
        {title: '会议详情'}
      ],
      columns1: [
        {title: '序号', key: 'id'},
        {title: '账号', key: 'address'},
        { title: '姓名', key: 'address'},
        { title: '上线时间', key: 'address'},
        { title: '下线时间', key: 'address', width:180},
        { title: '在线时长', key: 'address'},
       ],
       data1:[
         {
           id: '103232',
           'address': 'fsdfsdfdsf'
         },
         {
           id: '103232',
           'address': 'fsdfsdfdsf'
         },
         {
           id: '103232',
           'address': 'fsdfsdfdsf'
         },
         {
           id: '103232',
           'address': 'fsdfsdfdsf'
         },
         {
           id: '103232',
           'address': 'fsdfsdfdsf'
         },
         
       ]
    }
  },
  methods:{
    gotoDetail (item) {
      this.$router.push(`buyDetail?id=${item.id}`)
    }
  }
}
</script>

<style lang="less" scoped>
</style>
